body {
	position: relative;
	font-family: sans-serif;
	font-size: 20px;
	line-height: 1.4;
	color: #fff;
	background-color:  #fff;
	overflow-x: hidden;
	height:auto;
	margin:0px;
	padding:0px;
}



.kryshki {
  position: relative;
}

div {
  position: relative;
}

.logo {
	padding-top: 30px;
	padding-bottom:50px;
	text-align: center;
	font-family:'EB Garamond', sans-serif;
}

.logo img{
	width: 400px;
	height: 350px;
	text-align: center;
	font-family:'EB Garamond', sans-serif;
}

.img1 {
	padding-left: 0px;
	
}

.blok3{
	
	height:600px;
	background-color: #4c4c4d;
	padding-bottom:230px;
	padding-top:40px;
	color: #fff;
}

.blok3 img{
	height:310px;
	width:360px;
	padding-bottom: 150px;
	padding-top: 120px;
	opacity: 1;
	padding-left: 35px;
}



.blok3colon{
	
	min-width:100%;
	white-space: normal;	
	display: inline-block;
	width: 48%;
	vertical-align: top;
	column-count:3;
	column-rule:2px solid;
}

.blok3 .blok3colon:first-child {
	margin-right: 4%;
}

.blok{
	
	min-width:100%;
	height:550px;
	background-color:#4c4c4d;
	padding-bottom:150px;
	padding-top:40px;
}

.blok img{
	width: 250px;
	height: 220px;
	padding-bottom: 140px;
	padding-top: 80px;
}

.blokcolon{
	
	min-width:100%;
	white-space: normal;	
	display: inline-block;
	width: 68%;
	vertical-align: top;
	column-count:3;
	column-gap:50px;
	column-rule:2px solid;
}

.blok .blokcolon:first-child {
	margin-right: 4%;
}

.blok2{
	color:#000000;
	min-width:100%;
	background-color:#fff;
	padding-bottom:110px;
	padding-top:40px;
	
}

.blok2 img{
	height: 300px;
	width: 300px;
	padding-left: 60px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.blok22{
	color:#000000;
	min-width:100%;
	background-color:#fff;
	padding-bottom:10px;
	padding-top:40px;
}

.blok2colon{
	
	min-width:100%;
	white-space: normal;	
	display: inline-block;
	width: 48%;
	vertical-align: middle;
	column-count:2;
	column-gap:50px;
	column-rule:2px solid;
}

.blok2 .blok2colon:first-child {
	margin-right: 4%;
}


p {
	padding-left:60px;
	padding-right:60px;
	vertical-align: middle;
	margin-top: 0px;
}


.navbar {
	position: fixed;
	top: 0; 
	left: 0; 
	right: 0;
	z-index: 9998;
	font-size:28px;
	height: 70px;
	padding-left: 210px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	outline: none;
	background-color:rgba(163, 163, 163, 0.5);
	border: 4px #2b2b2b solid;
	border-radius: 20px;
	margin-left:0px;
	margin-top:7px;
	background-size: 1 1;
	opacity: 0.9;
	transition: 0.1s;
	background-image: url(logo.png);
	background-size: 200px 60px;
	background-repeat: no-repeat;
	background-position: 3% 37%;
}


.navbar:hover{
	opacity: 1;
	background-color:rgba(163, 163, 163, 0.8);
}

.navbar .container {
	height: inherit;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.navbar-menu {
	list-style-type: none;
	margin-bottom: 13px;
}

.navbar-menu a {
	z-index: 9998;
	display: inline-block;
	color: #000000;
	opacity: 10;
	text-decoration: none;
	transition: all .1s ease-in-out;
	margin-bottom: 20px;
	padding: 20px;
}

.navbar-menu li a:hover {
	opacity:1;
}

.navbar-menu li {
	display: inline-block;
}

.navbar-wrap {
	display: flex;
	flex-flow: row nowrap;
}

.navbar-brand {
	text-decoration: none;
	display: inline-block;
}
.logotype{
	width:90px;
	height:90px;
	display: inline-block;
	margin-top:9px;
	margin-left:10px;
}

.brand {
	text-align:center;
	font-size: 120px;
	color: #002366;
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	height: 135px;
}

.contacts{
	
	min-width:100%;
	font-size: 18px;
	height:330px;
	background-color:#1b1b1b;
	padding-top:5px;
	padding-bottom:3px;
	margin-top: 0px;
	background-image: url(znak.png);
	background-repeat: no-repeat;
	background-position: 90% 40%;
	background-size: 220px 220px;
}

.contacts h1{
	font-size: 40px;
}

.contactscolon{
	padding-left: 350px;
	text-align: center;
	justify-content: center;
	white-space: normal;	
	display: inline-block;
	width: 650px;
	height: 150px;
	margin-top: 0px;
	vertical-align: top;
	columns:230px 3;
	column-count: 3;
	column-gap:0px;
	padding: 0px;
}

h1{
	font-size:55px;
}

.topbrand {
	margin-top:70px;
	text-align:center;
	font-size:25px;
	color: #5b5c5c;
}

.top {
	height:0px
}

.underbrand {
	vertical-align:1px;
	font-size:30px;
	text-align:center;
	color: #5b5c5c;
	margin:0;
	margin-bottom:3px;
}

.c2 {
	padding-left:80px;
}

 video {
	padding-top:70px;
	width:1050px;
	height:600px;
	display: flex;
	justify-content: center;
}

.video {
	display: flex;
	justify-content: center;
}

.socseti1 {
	width:50px;
	height:50px;
	padding-left: 10px;
	display: inline-block;
}

.socseti {
	width:50px;
	height:50px;
	padding-left: 65px;
	display: inline-block;
}

.inn{
	font-size:10px;
	margin:0px;
}

.container .img-container{
	padding-left:50px ;
	justify-content:left;
	display:flex;
	align-items:flex;
	flex-wrap: wrap;
	gap:10px;
	padding-bottom:100px;

}

.container .img-container{
	display:flex;
	align-items:flex;
	flex-wrap: wrap;
	gap:10px;
	padding-bottom:100px;
	
}

.container .img-container .img{
	width:160px;
	height:235px;
	object-fit: cover;
	cursor:pointer;
	padding:15px;
	padding-left: 0px;
	padding-right: 20px;
}

.container .img-container .img img{
	width:100%;
	height:100%;
	object-fit: cover;
	cursor:pointer;
	padding:20px;
	transition: .5s;
	padding-left: 30px;
}


.container .img-container .img img:hover{
	transform:scale(1.1);
}

.container .img-container .img1{
	width:160px;
	height:235px;
	object-fit: cover;
	cursor:pointer;
	padding:15px;
	padding-left: 0px;
	padding-right: 20px;
}

.container .img-container .img1 img{
	width:100%;
	height:100%;
	object-fit: cover;
	cursor:pointer;
	padding:20px;
	transition: .5s;
	padding-left: 30px;
}


.container .img-container .img1 img:hover{
	transform:scale(1.1);
}

.container .pop-up{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	display:none;
	z-index: 9999;
}

.pop-up{
	display: none;
}
.container .pop-up img{
	width:35%;
	height:100%;
	position:absolute;
	top:0%;
	left:30%;
	transform:transition(-50%, -50%);
	border:5px solid #fff;
	border-radius:8px;
	margin-top:10px;
}

.container .pop-up .img1 img{
	width:65%;
	height:100%;
	position:absolute;
	top:0%;
	left:30%;
	transform:transition(-50%, -50%);
	border:5px solid #fff;
	border-radius:8px;
	margin-top:10px;
}

.container .pop-up span{
	position:fixed;
	margin-top: 20px;
	top:5px;
	left:30px;
	width:40px;
	height:40px;
	font-size:50px;
	color:#fff;
	font-weight:900;
	text-align:center;
	line-height:40px;
	border-radius:50px;
	cursor:painted;
}

@media (max-width:1280px){
	.navbar-menu a{
		font-size:26px;
		padding:3px;
		padding-left: 15px;
	}

	.logo {
		text-align: center;
	}

	.blok2 img{
		height: 300px;
		width: 300px;
		padding-left: 60px;
		padding-top: 100px;
		padding-bottom: 120px;
	}

	.contacts{
		min-width:100%;
		font-size: 18px;
		height:330px;
		background-color:#1b1b1b;
		padding-top:5px;
		padding-bottom:3px;
		margin-top: 0px;
		background-image: url(znak.png);
		background-repeat: no-repeat;
		background-position: 95% 40%;
		background-size: 220px 220px;
	}
}

@media (max-width:1920px){
	.blok{
		padding-bottom: 300px;
	}
	.blok3 img{
		padding-left: 120px;
	}
	.blok2 img{
		width: 340px;
		padding-left: 118px;
	}
	.blok2 .blok3colon{
		padding-right: 0px;
	}
	.blok3{
		height: max-content;
		padding-bottom: 100px ;
	}
		.contacts .socseti{
		padding-left: 0px;
		padding-top:11px;
		
	}
		.contacts .c2{
			padding-top:20px;
		}
		.contacts{
			
			background-image: url(znak.png), url(skolkovo.jpg);
		background-repeat: no-repeat,no-repeat;
		background-position: 95% 40%, 73% 45%;
		background-size: 220px 220px, 250px 175px;
		}
	.contactscolon{
		padding-left: 0px;
	}
}

@media (max-width:1024px){
	.navbar-menu a{
		font-size:24px;
		padding:3px;
		padding-left: 0px;
	}

	body{
		background-size: 190px 190px;
		background-position: 2.4% 0.3%;
	}

	.brand{
		font-size: 100px;
		height: 115px;
	}

	.underbrand{
		font-size: 25px;
	}

	.topbrand{
		font-size: 21px;
	}

	video {
		padding-top:70px;
		width:850px;
		height:500px;
		display: flex;
		justify-content: center;
	}

	.blok2 img{
		height: 230px;
		width: 230px;
		padding-left: 0px;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.blok3{
		height: 700px;
	}

	.blok3 img{
		height: 220px;
		width: 260px;
	}

	.container .img-container .img{
		width:150px;
		height:245px;
		object-fit: cover;
		cursor:pointer;
		padding:10px;
	}

	.contactscolon{
		columns:200px 3;
		padding-top: 20px;
	}
	
}

@media (max-width:320px){

	.container .pop-up img{
		width: 60%;
		height:800px;
		position:absolute;
		top:5%;
		left:20%;
		transform:transition(-50%, -50%);
		border:5px solid #fff;
		border-radius:8px;
		margin-top:10px;
	}

	.container .img-container .img{
		width:190px;
		height:295px;
		object-fit: cover;
		cursor:pointer;
		padding:10px;
	}

	.logo img{
		width: 600px;
		height: 480px;
		margin-left: 90px;
		margin-top: 40px;
	}

	.blok3colon {
		font-size:50px;
		min-width: 0%;
		white-space: normal;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		column-count: 1;
		column-rule: 0px;
		padding-bottom: 0px;
	}

	.blok3{
		padding-bottom: 50px;
	}

	.blok3 img {
		width: 600px;
		height: 500px;
		margin-left: 130px;
		padding: 0px;
		padding-top: 30px;
	}

	.blok2{
		padding-bottom: 50px;
		height: 100%;
	}

	.blok2 .video video{
		height: 410px;
		padding: 0px;
		margin-bottom: 100px;
		margin-left: 170px;
		width: 850px;
	}

	.blok2 img {
		width: 550px;
		height: 480px;
		margin-left: 130px;
		padding: 0px;
		padding-top: 30px;
	}

	.blok{
		padding-bottom: 50px;
	}

	.blok img {
		width: 550px;
		height: 450px;
		margin-left: 100px;
		padding: 0px;
		padding-top: 30px;
	}

	.blokcolon {
		font-size:50px;
		min-width: 0%;
		white-space: normal;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		column-count: 1;
		column-rule: 0px;
	}

	.blok2colon {
		font-size:50px;
		min-width: 0%;
		white-space: normal;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		column-count: 1;
		column-rule: 0px;
	}

	.blok3 {
		height: 100%;
		width: 868px;
	}

	.video{
		width: 700px;
		height: 400px;
	}

	.blok2 {
		height: 100%;
		width: 868px;
	}

	.blok22 {
		height: 100%;
		width: 868px;
	}

	.blok {
		height: 100%;
		width: 868px;
	}

	.contacts{
		height: 100%;
		width: 868px;
		background-image: url(znak.png);
		background-repeat: no-repeat;
		background-position: 85% 40%;
		background-size: 300px 300px;
	}

	.contacts .socseti{
		padding-left: 90px;
		padding-top: 7px;
	}


	.contactscolon{
		text-align: left;
		padding-left: 0px;
		margin: 0px;
		vertical-align: top;
		columns:120px 2;
		column-count: 2;
		column-gap:0px;
		padding: 0px;
		width: 468px;
		height: 450px;
	}

	.contactscolon p{
		padding-top: 0px;
		padding-left: 40px;
		padding-right: 0px;
		width: 230px;
		height: 190px;
		font-size: 26px;
	}

	.navbar{
		width: 0px;
		height: 0px;
		padding: 0px;
		margin: 0px;
		border:0px;
	}
	
	.navbar-menu a{
		font-size:0px;
	}

	.brand{
		text-align: center;
		margin-left: 17px;
		font-size: 120px;
		width: 820px;
		height: 140px;
	}

	.underbrand{
		margin-left: 180px;
		width: 500px;
		font-size: 40px;
	}

	.topbrand{
		width: 0px;
		margin-left: 140px;
		font-size: 0px;
	}
}
@media (max-width:400px){
	    br, .desktop-br {
        display: none;
    }
	.container .pop-up img{
		width: 60%;
		height:800px;
		position:absolute;
		top:5%;
		left:20%;
		transform:transition(-50%, -50%);
		border:5px solid #fff;
		border-radius:8px;
		margin-top:10px;
	}

	.container .img-container .img{
		width:190px;
		height:295px;
		object-fit: cover;
		cursor:pointer;
		padding:10px;
	}

	.logo img{
		width: 600px;
		height: 480px;
		margin-left: 90px;
		margin-top: 40px;
	}

	.blok3colon {
		font-size:50px;
		min-width: 0%;
		white-space: normal;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		column-count: 1;
		column-rule: 0px;
		padding-bottom: 0px;
	}

	.blok3{
		padding-bottom: 50px;
	}

	.blok3 img {
		width: 600px;
		height: 500px;
		margin-left: 130px;
		padding: 0px;
		padding-top: 30px;
	}

	.blok2{
		padding-bottom: 50px;
		height: 100%;
	}

	.blok2 .video video{
		height: 410px;
		padding: 0px;
		margin-bottom: 100px;
		margin-left: 170px;
		width: 850px;
	}

	.blok2 img {
		width: 550px;
		height: 480px;
		margin-left: 130px;
		padding: 0px;
		padding-top: 30px;
	}

	.blok{
		padding-bottom: 50px;
	}

	.blok img {
		width: 550px;
		height: 450px;
		margin-left: 100px;
		padding: 0px;
		padding-top: 30px;
	}

	.blokcolon {
		font-size:50px;
		min-width: 0%;
		white-space: normal;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		column-count: 1;
		column-rule: 0px;
	}

	.blok2colon {
		font-size:50px;
		min-width: 0%;
		white-space: normal;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		column-count: 1;
		column-rule: 0px;
	}

	.blok3 {
		height: 100%;
		width: 224%;
	}

	.video{
		width: 720px;
		height: 400px;
	}

	.blok2 {
		height: 100%;
		width: 224%;
	}

	.blok22 {
		height: 100%;
		width: 224%;
	}

	.blok {
		height: 100%;
		width: 224%;
	}

	.contacts{
		height: 100%;
		width: 224%;
		background-image: url(znak.png);
		background-repeat: no-repeat;
		background-position: 85% 40%;
		background-size: 300px 300px;
	}

	.contacts .socseti{
		padding-left: 90px;
		padding-top: 7px;
	}


	.contactscolon{
		text-align: left;
		padding-left: 0px;
		margin: 0px;
		vertical-align: top;
		columns:120px 2;
		column-count: 2;
		column-gap:0px;
		padding: 0px;
		width: 468px;
		height: 450px;
	}

	.contactscolon p{
		padding-top: 0px;
		padding-left: 40px;
		padding-right: 0px;
		width: 230px;
		height: 190px;
		font-size: 26px;
	}

	.navbar{
		width: 0px;
		height: 0px;
		padding: 0px;
		margin: 0px;
		border:0px;
	}
	
	.navbar-menu a{
		font-size:0px;
	}

	.brand{
		text-align: center;
		margin-left: 17px;
		font-size: 120px;
		width: 820px;
		height: 140px;
	}

	.underbrand{
		margin-left: 180px;
		width: 500px;
		font-size: 40px;
	}

	.topbrand{
		width: 0px;
		margin-left: 140px;
		font-size: 0px;
	}
}